<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/sistema/template/template.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

	<ui:define name="corpo">

		<h1>
			<h:outputLabel id="TITULO_PAGINA" value="#{elementoVisualMB.tituloPagina}" />
		</h1>

		<p:fieldset id="FILDSET_TELAS" legend="#{label.manutencao_componentes_grupos_telas}:">

			<h:panelGrid columns="2">

				<p:tree id="TREE_GRUPO_TELA" value="#{elementoVisualMB.rootGrupo}" var="item" selectionMode="single" animate="true" dynamic="true"
					style="width:850px; height: 287px;" selection="#{elementoVisualMB.nodeTelaSelected}">

					<p:treeNode type="GRUPO" expandedIcon="ui-icon-folder-open" collapsedIcon="ui-icon-folder-collapsed">
						<h:outputText value="#{item.nome}" styleClass="#{item.flComponenteEfetivo ? '' : 'nodeImport'}" />
						<h:outputText value=" - " />
						<h:outputText value="#{item.identificador}" styleClass="elementIDColor" />
					</p:treeNode>

					<p:treeNode type="TELA" icon="ui-icon-image">
						<h:outputText value="#{item.nome}" styleClass="#{item.flComponenteEfetivo ? '' : 'nodeImport'}" />
						<h:outputText value=" - " />
						<h:outputText value="#{item.identificador}" styleClass="elementIDColor" />
					</p:treeNode>

					<p:ajax event="select" update=":FORMULARIO_PRINCIPAL:PANEL_FORM_PRINCIPAL" />
					<p:ajax event="unselect" update=":FORMULARIO_PRINCIPAL:PANEL_FORM_PRINCIPAL" />

				</p:tree>

				<h:panelGrid id="PANEL_FORM_PRINCIPAL">

					<p:commandButton value="#{label.manutencao_componentes_visualizar_itens}" disabled="#{empty elementoVisualMB.nodeTelaSelected.data.codigo}"
						update=":FORMULARIO_PRINCIPAL:FILDSET_COMPONENTES" actionListener="#{elementoVisualMB.visualizarCompontentes}" />

					<p:commandButton id="BUTTON_EDITAR_GRUPO_TELA" value="#{label.manutencao_componentes_editar_elemento}"
						actionListener="#{elementoVisualMB.editar(elementoVisualMB.nodeTelaSelected.data)}"
						disabled="#{empty elementoVisualMB.nodeTelaSelected.data.codigo}" process="@this" update=":FORM_OUT_POPUP">
					</p:commandButton>

					<p:commandButton
						value="#{elementoVisualMB.nodeTelaSelected.data.flComponenteEfetivo ? label.manutencao_componentes_desativar_elemento : label.manutencao_componentes_ativar_elemento}"
						disabled="#{empty elementoVisualMB.nodeTelaSelected.data.codigo}" update="FILDSET_TELAS"
						actionListener="#{elementoVisualMB.alterarStatusElementoVisual(elementoVisualMB.nodeTelaSelected.data)}" />

					<p:commandButton value="#{label.manutencao_componentes_incluir_grupo}" actionListener="#{elementoVisualMB.prepararInclusaoGrupo}"
						update="FILDSET_TELAS">

					</p:commandButton>

					<p:commandButton value="Excluir Grupo" update="FILDSET_TELAS" onclick="modalExcluir.show();"
						disabled="#{elementoVisualMB.nodeTelaSelected.data.tipoElementoVisual != 'GRUPO'}" />

					<p:commandButton value="#{label.manutencao_componentes_importar_todos}" update="FILDSET_TELAS" onclick="confirmation.show()"
						rendered="#{elementoVisualMB.editando}" />

				</h:panelGrid>

			</h:panelGrid>

		</p:fieldset>




		<p:spacer height="20" />




		<p:fieldset id="FILDSET_COMPONENTES" legend="Componentes de Tela: #{elementoVisualMB.nodeTelaSelected.data.nome}">


			<h:panelGrid columns="2">

				<p:tree id="docTree" value="#{elementoVisualMB.rootComp}" var="doc" selectionMode="single" animate="true" dynamic="true"
					style="width:850px; height: 400px;">

					<p:treeNode type="COMPONENTE" icon="ui-icon-image">
						<h:outputText value="#{doc.nome}" style="color: blue;" /> - <h:outputText value="#{doc.identificador}" style="color: orange;" />
					</p:treeNode>

				</p:tree>

				<h:panelGrid>

					<p:commandButton value="Editar Elemento" onclick="modalExcluir.show();" />
					<p:commandButton value="Excluir Elemento" />
					<p:commandButton value="Importar Elemento" actionListener="#{elementoVisualMB.update}" rendered="#{elementoVisualMB.editando}" update="docTree" />
					<p:commandButton value="Importar Todos" update="docTree" onclick="confirmation.show()" rendered="#{elementoVisualMB.editando}" />

				</h:panelGrid>

			</h:panelGrid>

		</p:fieldset>




		<p:spacer height="40" />
		

 -->


		<h:panelGrid id="PANEL_BOTOES_ACOES" styleClass="panel-botoes">

			<p:column id="COLUMN_ACOES">
				<p:commandButton value="Importar Componentes" rendered="#{!elementoVisualMB.editando}" actionListener="#{elementoVisualMB.importar}"
					update="@form" />
				<p:commandButton value="Cancelar" rendered="#{elementoVisualMB.editando}" />
			</p:column>

		</h:panelGrid>



		<ui:include src="/sistema/componentes/popupExcluir.xhtml">
			<ui:param name="MB" value="#{elementoVisualMB}" />
		</ui:include>



	</ui:define>




	<ui:define name="outform">

		<p:dialog id="DIALOG_ELEMENTOS" header="Edição de Componentes Visuais" widgetVar="elementDialog" modal="true" closable="false" width="400"
			showEffect="puff" hideEffect="puff" resizable="false" minimizable="false" maximizable="false">

			<h:form id="FORM_OUT_POPUP">

				<center>

					<h:panelGrid columns="2" cellpadding="2" columnClasses="coluna_label">

						<p:outputLabel for="name" value="Name: " />
						<p:inputText id="name" value="#{elementoVisualMB.model.nome}" required="#{not empty elementoVisualMB.model.codigo}" />

						<p:outputLabel for="type" value="Identificador:" />
						<p:inputText id="type" value="#{elementoVisualMB.model.identificador}" disabled="#{not empty elementoVisualMB.model.codigo}" />

						<p:outputLabel value="Grupo: " for="DIALOG_ELEMENTO_SUP" />
						<p:selectOneMenu id="DIALOG_ELEMENTO_SUP" value="#{elementoVisualMB.model.elementoVisualSuperior}" converter="ModelAbConverter">
							<f:selectItems value="#{elementoVisualMB.selectItemGrupos}" />
						</p:selectOneMenu>

						<p:column />
						<p:column>
							<p:commandButton value="Confirmar" actionListener="#{elementoVisualMB.salvar}" update=":FORMULARIO_PRINCIPAL">
							</p:commandButton>

							<p:commandButton value="Cancelar" oncomplete="elementDialog.hide();" immediate="true">
							</p:commandButton>
						</p:column>

					</h:panelGrid>

				</center>

			</h:form>

		</p:dialog>

	</ui:define>

</ui:composition>
